<template>
  <h4>子组件</h4>
  <div>接受的传参 --> {{ count }}</div>
  <div>默认的数据 --> {{ defaultData }}</div>
</template>

<script setup>
// props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。
// 且在组件内部不需要引入defineProps方法可以直接使用
// 1- 数组接受
// let props = defineProps(['count'])

// 2- 对象接受
let props = defineProps({
  count: {
    type: Number
  },
  defaultData: {
    type: Number, // 指定传参的类型
    default: 0 // default 指定默认值
  }
})

</script>


<style scoped lang="less">

</style>